<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>tdssg</title>
 <STYLE type="text/css">
 	body {
		background-color: #ffee99;
	}
	#container {
		width:100%;
	}

	#global-nav {
		width:100%;
		background-color: #bccaab;
		border: 2px #222222 solid;
		top: 0px;
		left: 0px;
		right: 0px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		text-align:left;
   		position: fixed;
 	}
	#contents {
		margin-top:40px;
	}
	.path {
		text-align:left;
	}
	#panel {
		float: left;
		width:100%;
	}
	
	.pageHeader {
		width:20%;
	}
	.item {
		width:16%;
	}
	#badge {
		text-align:right;
	}
	#html5badge {
		width: 60px;
		height: 30px;
	}

</STYLE>

<script type="text/javascript">
	var	jumpTbl;

	function jumpItem(item,src) {
		this.item = item;
		this.src = src;
	}

	function initialize() {
		jumpTbl = new Array();
		jumpTbl[0] = new jumpItem("&gt; Car Mileage ","./graph.html");
	}

	function setPanel(href) {
		document.getElementById('panel').src = href;
	}

	function jumpOnItem(item) {
		var itemStr = document.getElementById("path" + item + "lnk").innerHTML;
		for (var i = 0; i < jumpTbl.length; i++ ) {
			if (jumpTbl[i].item == itemStr) {
				document.getElementById("panel").src = jumpTbl[i].src;
			}
		}
//		document.getElementById("panel").reload();

	}
</script>

<body onload="localStorage.setItem('tdssg' + Date(), 'Open this cite');initialize();"
	onunload="localStorage.setItem('tdssg' + Date(), 'Exit from this cite');">
<div id="container">
	<div id="global-nav">
		<table>
			<tr>
				<td class="pageTitle"><strong>UNER CONSTRUCTION</strong></td>
				<td class="item"><a href="javascript:void(0)" onClick="setPanel('./graph.html')"> Car Mileage</a></td>
				<td class="item"><a href="javascript:void(0)" onClick="setPanel('./fractal.html')"> Fractal</a></td>
				<td class="item"><a href="javascript:void(0)" onClick="setPanel('./history.html')"> History</a></td>
				<td class="item"></td>
				<td class="item" id="badge" rowspan="2"><img src="img/HTML5_sticker.png" id="html5badge"></td>								
			</tr>
			<tr>
				<td class= "path" colspan="4">
				<span id="path1txt">&gt Car Mileage </span><a id="path1lnk" onclick="jumpOnItem(1)"></a>
				<span id="path2txt"></span><a id="path2lnk" onclick="jumpOnItem(2)"></a>
				<span id="path3txt"></span><a id="path3lnk" onclick="jumpOnItem(3)"></a>
				<span id="path4txt"></span><a id="path4lnk" onclick="jumpOnItem(4)"></a>
				</td>
			</tr>
		</table>

	</div>
	<div id="contents">
		<iframe id="panel"
			src="graph.html" sandbox="allow-same-origin allow-forms allow-scripts"  style="width:100%;height:880px;margin-top:16px;">
			<p>Your browser does not support iframes.</p>
// seamless  sandbox="allow-same-origin allow-forms allow-scripts" 
		</iframe>
	</div>
</div>

</body>
</html>
